*,
*:before,
*:after {
  box-sizing: border-box;
}

body > * {
  overflow: auto;
  scrollbar-color: transparent transparent;
  scrollbar-width: thin;
  &:hover {
    scrollbar-color: azure lightblue;
  }
}

body > * ::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

body > * ::-webkit-scrollbar-track {
  background-color: transparent;
}

body > * ::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background-color: #d7d8da;
  background-color: var(--devui-line, #d7d8da);
}

body > * ::-webkit-scrollbar-thumb:hover {
  background-color: #babbc0;
  background-color: var(--devui-placeholder, #babbc0);
}

body > * ::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

body > * ::-webkit-scrollbar-track {
  background-color: transparent;
}

body > * ::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background-color: #d7d8da;
  background-color: var(--devui-line, #d7d8da);
}

body > * ::-webkit-scrollbar-thumb:hover {
  background-color: #babbc0;
  background-color: var(--devui-placeholder, #babbc0);
}

body > * ::-webkit-scrollbar-corner {
  background-color: transparent;
}

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
  padding: 0;
}
